.container {
    // width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;

    .headers {
        width: 100%;
    }

    .temp {
        width: 100%;
        height: 80px;
    }

    .main {
        border-radius: 10px;
        background-color: white;
        box-sizing: border-box;
        padding: 30px 40px;
        margin-top: 20px;
        // width: 1300px;
        width: 90%;
        display: flex;
        flex-direction: column;

        @media screen and (max-width:600px) {
            padding: 16px;
        }

        // align-items: center;
        .main-title {
            font-weight: 600;
            font-size: 30px;

            @media screen and (max-width:600px) {
                display: none;
            }
        }

        .main-nav {
            margin-top: 30px;
            width: 40%;
            font-size: 30px;
            display: flex;
            justify-content: space-between;

            >div {
                cursor: pointer;
            }

            .active {
                border-bottom: orange solid 3px;
            }
        }

        .main-article {
            display: block;
        }

        .main-flash {
            display: none;
        }

        .main-text {
            margin-top: 30px;
            font-size: 20px;
            margin-bottom: 20px;
        }

        .article-title {
            .el-input {
                width: 100%;
                height: 50px;
            }
        }

        .second {
            width: 100%;
            display: flex;
            justify-content: space-between;

            @media screen and (max-width:600px) {
                display: block;
            }

            .second-intro {
                width: 45%;
            }

            .second-select {
                width: 30%;
            }

            .second-cover {
                width: 20%;
                box-sizing: border-box;
                padding: 30px 0px;

                .avatar-uploader {
                    border-radius: 5px;
                    width: 150px;
                    height: 150px;
                    border: #ccc solid 1px;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    img {
                        width: 150px;
                        height: 150px;
                    }

                    .avatar-uploader-icon {
                        font-size: 20px;
                    }
                }

                // .avatar-uploader .el-upload {
                //     width: 100px;
                //     height: 100px;
                //     border: 1px dashed var(--el-border-color);
                //     border-radius: 6px;
                //     cursor: pointer;
                //     position: relative;
                //     overflow: hidden;
                //     transition: var(--el-transition-duration-fast);
                // }

                // .avatar-uploader .el-upload:hover {
                //     border-color: var(--el-color-primary);
                // }

                // .el-icon.avatar-uploader-icon {
                //     font-size: 28px;
                //     color: #8c939d;
                //     width: 178px;
                //     height: 178px;
                //     text-align: center;
                // }
            }
        }

        .article-imgWatch {
            width: 300px;
        }

        #editor—wrapper1 {
            border: 1px solid #ccc;
            z-index: 100;
            /* 按需定义 */
        }

        #toolbar-container-article {
            border-bottom: 1px solid #ccc;
        }

        #editor-container-article {
            height: 500px;
        }

        #editor—wrapper2 {
            border: 1px solid #ccc;
            z-index: 100;
            /* 按需定义 */
        }

        #toolbar-container-flash {
            border-bottom: 1px solid #ccc;
        }

        #editor-container-flash {
            height: 500px;
        }

        .main-send {
            margin-top: 20px;
            // button {
            //     cursor: pointer;
            //     margin-top: 30px;
            //     width: 100px;
            //     height: 40px;
            //     border: #7b7b7b solid 1px;
            //     background: none;
            //     color: #7b7b7b;
            //     line-height: 40px;
            //     text-align: center;
            // }

        }
    }
}